<template>
    <div class="boxLogout">
      <router-link :to="{name:'Administration'}"><img src="../../assets/小图标/短箭头.png">账号中心</router-link>
      <p @click="logout">检查更新<span>v5.7.0.1></span></p>
      <p>
        生成桌面快捷图标<br>
        <span>下次可以快速进入账号中心</span>
        <span>确认生成</span>
      </p>
      <div class="quit" @click="quit">退出账号</div>
    </div>
</template>

<script>
    export default {
        name: "Logout",
      methods:{
        quit(){
          this.$router.push('/administration');
          this.$local.set('user',{});
        },
        logout(){
          alert("已经是最新版本")
        }
      },
    }
</script>

<style scoped>
.quit{
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: red;
  font-size: .5rem;
}
.boxLogout{font-size: .55rem;margin: .3rem}
.boxLogout a{color: #333333 !important;}
  .boxLogout img{
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
    padding-right: .3rem;
  }
  .boxLogout p{
    padding: .5rem 0;
  }
  span{color: #cccccc;font-size: .4rem}
  .boxLogout p>span:nth-child(3){
    background: #0000FF;
    color: white;
    padding: .15rem .3rem;
    border-radius: 50px;
    float: right;
    margin-top: -.5rem;
  }
  .boxLogout p:nth-child(2) span{
    float: right;
  }
</style>
